var ipt = document.querySelector('#ipt');
var btn = document.querySelector('#btn');
var ul = document.querySelector('#ul');

btn.onclick = function(){
	//创建span标签
	var span = document.createElement('span');
	var spanText = document.createTextNode(ipt.value);
	span.appendChild(spanText);
	//如果span标签为空，弹出提示框
	if(span.innerHTML == ''){
		alert('请先输入内容');
		button.remove(button);
		li.remove(li);
	}
	
	
	
	//创建删除标签
	var button = document.createElement('button');
	var buttonText = document.createTextNode('删除');
	button.appendChild(buttonText);
	//点击删除按钮删除整个ul
	button.onclick = function(){
		li.remove(li);
	}
	
	//创建li
	var li = document.createElement('li');
	//把span标签和button标签追加到li里面
	li.appendChild(span);
	li.appendChild(button);
	ul.appendChild(li);
}
